﻿@{
    ViewBag.Title = "Index";
    Layout = null;
}
<!DOCTYPE html>
<html>
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
    <title>Border Layout on Panel - jQuery EasyUI Demo</title>
    <link rel="stylesheet" type="text/css" href="/Content/themes/default/easyui.css">
    <link rel="stylesheet" type="text/css" href="/Content/themes/icon.css">
    <script type="text/javascript" src="/Scripts/jquery-1.8.0.min.js"></script>
    <script type="text/javascript" src="/Scripts/jquery.easyui.min.js"></script>
</head>
<body>

    <div class="easyui-layout" style="width: 100%; height: 500px;">
        <div data-options="region:'south',split:true" style="height: 50px; background: #fafafa;"></div>
        <div data-options="region:'east',iconCls:'icon-reload',split:true" title="East" style="width: 180px;"></div>
        <div data-options="region:'west',split:true" title="功能菜单" style="width: 200px;"></div>
        <div data-options="region:'center',title:'Main Title'" style="background: #fafafa;">
            <table class="easyui-datagrid"
                data-options="url:'datagrid_data2.json',border:false,fit:true,fitColumns:true">
                <thead>
                    <tr>
                        <th data-options="field:'itemid'" width="80">Item ID</th>
                        <th data-options="field:'productid'" width="100">Product ID</th>
                        <th data-options="field:'listprice',align:'right'" width="80">List Price</th>
                        <th data-options="field:'unitcost',align:'right'" width="80">Unit Cost</th>
                        <th data-options="field:'attr1'" width="150">Attribute</th>
                        <th data-options="field:'status',align:'center'" width="50">Status</th>
                    </tr>
                </thead>
            </table>
        </div>
    </div>
</body>
</html>
